<template>
  <div class="hibernate-content-list">
    <v-btn class="btn" elevation="0" to="/hibernate/save"
      ><span class="btn-text">保存与更新</span></v-btn
    >
    <v-btn class="btn" elevation="0" to="/hibernate/query"
      ><span class="btn-text">一对一关联对象查询</span></v-btn
    >
    <v-btn class="btn" elevation="0" to="/hibernate/jpa-modifying"
      ><span class="btn-text">spring data Jpa 中的 @Modifying</span></v-btn
    >
    <v-btn class="btn" elevation="0" to="/hibernate/query-performance"
      ><span class="btn-text">查询优化-少查字段</span>
    </v-btn>
    <v-btn class="btn" elevation="0" to="/hibernate/specification"
      ><span class="btn-text">jpa-specification</span></v-btn
    >
    <v-btn class="btn" elevation="0" to="/hibernate/jpql"
      ><span class="btn-text">jpql</span></v-btn
    ><v-btn class="btn" elevation="0" to="/hibernate/criteria"
      ><span class="btn-text">criteria</span></v-btn
    >
  </div>
</template>
<script lang="ts" setup></script>
<style scoped lang="scss">
.hibernate-content-list {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(300px, 450px));
  grid-gap: 20px;

  .btn {
    overflow: hidden;
  }

  .btn-text {
    text-decoration: solid;
    text-decoration-line: underline;
  }
}
</style>
